<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title></title>
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./css/nav.css">
  <link rel="stylesheet" href="./css/welcomePage.css">
  <link rel="stylesheet" href="./css/familydat.css">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
  <!-- JavaScript Bundle with Popper -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>

</head>
<body>
<div class="box">
  <nav class="navv">
    <div>
      <p><a href='/admin/main'>惠光健康</a></p>
    </div>
    <div class="navv-right">
      <p>用户 ：<span>
							xxxx
						</span></p>
      <p data-bs-toggle="modal" data-bs-target="#exampleModal">退出</p>
      <i class="font fullscreen" title="全屏">&#xeb11</i>
    </div>
  </nav>
</div>
<div class="body-center">
  <div class="body-left">
    <ul>
      <li><a href="index.html"><i class="i1">&#xe627;</i>机构管理</a></li>
      <li><a href="yiyuanguanli.html"><i></i>医院管理</a></li>
      <li><a href="#"><i class="i1">&#xe604;</i>人员管理</a></li>
      <li><a href="yonghuguanli.html"><i></i>用户管理</a></li>
      <li><a href="jiarenguanli.html"><i></i>家人管理</a></li>
      <li><a href="dengluzhanghao.html"><i></i>账号登录</a></li>
      <li><a href="#"><i class="i1">&#xe66b;</i>内容管理</a></li>
      <li><a href="zixunguanli.html"><i></i>资讯管理</a></li>
      <li><a href="guanggaoguanli.html"><i></i>广告管理</a></li>
      <li><a href="yemianguanli.html"><i></i>页面管理</a></li>
      <li><a href="xiaoxiguanli.html"><i class="i1">&#xe8bd;</i>消息管理</a></li>
      <li><a href="banbenshengji.html"><i class="i1">&#xe78a;</i>版本升级</a></li>
      <li><a href="yonghufankui.html"><i class="i1">&#xe662;</i>用户反馈</a></li>
    </ul>
  </div>
  <div class="centered">
    <div class="body-right-box">
      <div class="right-cen">
        <div class="head">
          <div class="path">
            <span>首页</span><span>&gt;</span>
            <span>信息管理</span><span>&gt;</span>
            <span>家人管理</span>
          </div>
          <a href=" ">返回</a>
        </div>
        <div class="familyxx">
          <table>
            <tr class="aaa">
              <td>
                <table>
                  <tr>
                    <td>家人ID：</td>
                    <td>1004</td>
                  </tr>
                  <tr>
                    <td>证件号码：</td>
                    <td>410000000000000000</td>
                  </tr>
                  <tr>
                    <td>手机号码：</td>
                    <td>18000000000</td>
                  </tr>
                  <tr>
                    <td>家人关系：</td>
                    <td>父子</td>
                  </tr>
                </table>
              </td>
              <td>
                <table>
                  <tr>
                    <td>姓名：</td>
                    <td>孙兴胜</td>
                  </tr>
                  <tr>
                    <td>性别：</td>
                    <td>男</td>
                  </tr>
                  <tr>
                    <td>所在地区：</td>
                    <td>广东省广州市天河区</td>
                  </tr>
                  <tr>
                    <td>审核状态：</td>
                    <td>待审核</td>
                  </tr>
                </table>
              </td>
              <td>
                <table>
                  <tr>
                    <td>证件类型：</td>
                    <td>身份证</td>
                  </tr>
                  <tr>
                    <td>生日：</td>
                    <td>1990-01-01</td>
                  </tr>
                  <tr>
                    <td>详细地址：</td>
                    <td>荔湾街道32号14号楼1801</td>
                  </tr>
                  <tr>
                    <td>　 </td>
                    <td> 　</td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </div>
        <div class="prove-img-box">
          <p>出生证明或户口本照：</p>
          <div class="proveimgs">
            <img src="../../public/images/4b44598cdd572dd840df0a0735d52b2.jpg" alt="">
            <img src="../../public/images/4b44598cdd572dd840df0a0735d52b2.jpg" alt="">
          </div>
          <div class="audit">
            <button>审核不通过</button>
            <button>审核通过</button>
          </div>
        </div>
        <div class="querylist">
          <button>挂号记录</button>
          <button>报告查询</button>
          <button>健康档案</button>
        </div>
        <div class="medical-records">
          <p>就诊记录</p>
          <div class="medical-records-box">
            <div class="medical-records-cen">
              <p>新兴县人民医院</p>
              <p>就诊科室：呼吸内科 <span>就诊时间：2022-09-18</span></p>
              <p>就诊结果：上呼吸道感染 </p>
              <div class="list">
                <ul>
                  <li>病例1</li>
                  <li>处方2</li>
                  <li>检查1</li>
                  <li>检验1</li>
                </ul>
                <a class="view">查看</a>
              </div>
              <div class="checktype">
                门诊
              </div>
            </div>
            <div class="medical-records-cen">
              <p>新兴县人民医院</p>
              <p>就诊科室：呼吸内科 <span>就诊时间：2022-06-11</span></p>
              <p>就诊结果：上呼吸道感染 </p>
              <div class="list">
                <ul>
                  <li>病例1</li>
                  <li>处方2</li>
                  <li>检查1</li>
                  <li>检验1</li>
                </ul>
                <a class="hospital view">查看</a>
              </div>
              <div class="checktype" id="hospital">
                住院
              </div>
            </div>
            <div class="medical-records-cen">
              <p>新兴县人民医院</p>
              <p>就诊科室：呼吸内科 <span>就诊时间：2022-03-27</span></p>
              <p>就诊结果：上呼吸道感染 </p>
              <div class="list">
                <ul>
                  <li>病例1</li>
                  <li>处方2</li>
                  <li>检查1</li>
                  <li>检验1</li>
                </ul>
                <a class="view">查看</a>
              </div>
              <div class="checktype">
                门诊
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="mask">
  <div class="viewcontent">
    <p class="cen-top">
      <span>就诊详情</span>
      <a href="javascript:;" class="exit">关闭</a>
    </p>
    <div class="information">
      <table class="tabox">
        <tr>
          <td>
            <table class="tabox-two">
              <tr>
                <td>就诊医院：</td>
                <td>新兴县人民医院</td>
              </tr>
            </table>
          </td>
          <td>
            <table class="tabox-two">
              <tr>
                <td>医生：</td>
                <td>肖钢 消化内科</td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td>
            <table class="tabox-two">
              <tr>
                <td>主诉：</td>
                <td>神经衰弱</td>
              </tr>
            </table>
          </td>
          <td>
            <table class="tabox-two">
              <tr>
                <td>病史：</td>
                <td>患者反馈最近半年休息不够好，之前门诊就诊，今天复诊</td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td>
            <table class="tabox-two">
              <tr>
                <td>初步诊断：</td>
                <td>神经衰弱</td>
              </tr>
            </table>
          </td>
          <td>
            <table class="tabox-two">
              <tr>
                <td>处理意见：</td>
                <td>注意休息，保持心情愉悦</td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td>
            <table class="tabox-two">
              <tr>
                <td>就诊时间：</td>
                <td>2022-03-19 18:20:10</td>
              </tr>
            </table>
          </td>
          <td>
            <table class="tabox-two">
              <tr>
                <td>就诊ID：</td>
                <td>4234234234234</td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </div>
    <div class="prescription">
      <p>处方信息</p>
      <div class="prescription-cen">
        <p>氯沙坦钾片 x 2盒</p>
        <p>规则：50mg*28/盒</p>
        <p>用法：口服，50.00mg，每日3次</p>
      </div>
    </div>
    <div class="Inspectionreport">
      <p>检验报告</p>
      <div class="Inspectionreport-cen">
        <table>
          <tr>
            <td colspan="4">白常规</td>
          </tr>
          <tr>
            <td>检验科室：</td>
            <td>血液科</td>
            <td style="text-align: right;">样本类型：</td>
            <td>血液</td>
          </tr>
          <tr>
            <td>报告诊断：</td>
            <td colspan="3">
              短暂后天性纯红细胞再障，短暂后天性纯红细胞再障，短暂后天性纯红细胞再障，短暂后天性纯红细胞再障短暂后天性纯红细胞再障，短暂后天性纯红细胞再障，短暂后天性纯红细胞再障，短暂后天性纯红细胞再障
            </td>
          </tr>
        </table>
        <div class="checklist-img">
          <img src="../../public/images/Snipaste_2022-09-21_08-29-10.png" alt="">
        </div>
      </div>
    </div>
    <div class="report">
      <p>检查报告</p>
      <div class="report-cen">
        <table>
          <tr>
            <td colspan="4">胃内部窥镜</td>
          </tr>
          <tr>
            <td>检验科室：</td>
            <td>消化科室</td>
            <td style="text-align: right;">检查部位：</td>
            <td>腹部</td>
          </tr>
          <tr>
            <td>检查结果：</td>
            <td colspan="3">
              原位肝移植术后胆道吻合口狭窄、右肝管排泄
            </td>
          </tr>
          <tr>
            <td>检查报告：</td>
            <td colspan="3">
              胃内见食物，球部大弯靠1.0X1.5cm
            </td>
          </tr>
        </table>
        <div class="report-cen-img">
          <img src="../../public/images/4b44598cdd572dd840df0a0735d52b2.jpg" alt="">
          <img src="../../public/images/4b44598cdd572dd840df0a0735d52b2.jpg" alt="">
          <img src="../../public/images/4b44598cdd572dd840df0a0735d52b2.jpg" alt="">
        </div>
      </div>
    </div>
  </div>
</div>
<!--    确认退出按钮 需要引入bootstrap的js css-->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">确认退出?</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <!--            <div class="modal-body">-->
      <!--                ...-->
      <!--            </div>-->
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary">确认</button>
      </div>
    </div>
  </div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js" integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
  $('.view').click(function() {
    $('.mask').css('display', 'flex')
  })
  $('.exit').click(function() {
    $('.mask').css('display', 'none')
  })
</script>
<script>
  //定义一个变量进行判断，默认false 非全屏状态
  var exitFullscreen = false
  // 全屏事件
  function handleFullScreen() {
    var element = document.documentElement;
    if (exitFullscreen) {
      if (document.exitFullscreen) {
        document.exitFullscreen();
      } else if (document.webkitCancelFullScreen) {
        document.webkitCancelFullScreen();
      } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
      } else if (document.msExitFullscreen) {
        document.msExitFullscreen();
      }
      exitFullscreen = false
    } else {
      if (element.requestFullscreen) {
        element.requestFullscreen();
      } else if (element.webkitRequestFullScreen) {
        element.webkitRequestFullScreen();
      } else if (element.mozRequestFullScreen) {
        element.mozRequestFullScreen();
      } else if (element.msRequestFullscreen) {
        // IE11
        element.msRequestFullscreen();
      }
      exitFullscreen = true
    }
  }
  $('.fullscreen').click(function() {
    handleFullScreen()
  })
</script>
</body>

</html>